<div class="easyui-layout" >
    <div class="easyui-tabs" style="min-height:500px;padding: 3px;">
        <div title="自选股" style="padding:3px">
            <div style="margin:3px 0;">
                <div id="toolbar_stock_optional" style="padding:5px;height:auto">
                    <form action="" id="form_stock_optional">
                        <a href="#" id="search_stock_optional">刷新</a>
                    </form>


                </div>
                <div id="table_stock_optional">
                </div>

                 {#弹窗#}
                <div id="optional_buy_stock" class="easyui-window" title="Modal Window"
                     data-options="modal:true,closed:true,iconCls:'icon-save'"
                     style="width:500px;height:500px;padding:10px;">
                    <form id="buy_form" method="post" action="/optional/buy-stock">
                        <table style="padding: 5px;">
                            <tr>
                                <input type="text" id="optional_id" name="optional_id" style="display: none"/>
                                <td>股票名称:</td>
                                <td><input class="easyui-textbox" id="optional_stock_name" type="text" name="stock_name"
                                           data-options="required:true"></input></td>
                            </tr>
                            <tr>
                                <td>买入价格:</td>
                                <td><input class="easyui-numberspinner" id="optional_buy_price" name="buy_price"
                                           data-options="required:true,precision:2,groupSeparator:',',decimalSeparator:'.',prefix:'￥'"  value="11"></input></td>
                            </tr>
                            <tr>
                                <td>买入数量(股):</td>
                                <td><input class="easyui-numberbox" id="optional_buy_amount" name="buy_nums"
                                           data-options="required:true,value:100, min:100,max:300"> </input></td>
                            </tr>

                            <tr>
                                <td>购买时间:</td>
                                <td>
                                    <input id="stock_pool_date" class="easyui-datebox" name="buy_time"
                                           data-options="value:'Today',formatter:myformatter,parser:myparser"></input>
                                </td>
                            </tr>
                            <tr>
                                <button class="easyui-linkbutton">提交</button>

                            </tr>
                        </table>
                    </form>
                </div>

                {#股票生命线#}
                <div id="win_optional_lifeline" class="easyui-window" title="lifeline" style="width:600px;height:400px"
                     data-options="iconCls:'icon-save',closed:true,modal:true">
                    <table id="tb_stockinfo" style="padding: 5px;">
                        <tr>
                            <td>股票名称:</td>
                            <td><input class="easyui-textbox" id="op_ll_stock_name" readonly="readonly"/></td>
                            <td>股票代码:</td>
                            <td><input class="easyui-textbox" id="op_ll_stock_code" readonly="readonly"></input></td>
                        </tr>
                        <tr>
                            <td>当前价格:</td>
                            <td>
                                <input class="easyui-textbox" id="op_ll_cur_price" readonly="readonly"></input>
                            </td>
                            <td>开盘价</td>
                            <td>
                                <input class="easyui-textbox" id="op_ll_open" readonly="readonly"></input>
                            </td>
                        </tr>
                        <tr>
                            <td>最高价</td>
                            <td>
                                <input class="easyui-textbox" id="op_ll_high" readonly="readonly"></input>

                            </td>
                            <td>最低价</td>
                            <td>
                                <input class="easyui-textbox" id="op_ll_low" readonly="readonly"></input>
                            </td>
                        </tr>
                    </table>

                    <hr/>
                    <table id="tb_lifeline" style="padding: 5px;">
                        <tr>
                            <td>支撑线:</td>
                            <input style="display: none" id="op_ll_support_id"/>
                            <input style="display: none" id="op_ll_press_id"/>
                            <td><input class="easyui-textbox" id="op_ll_support_price" readonly="readonly"></input></td>
                            <td>日期:</td>
                            <td><input class="easyui-textbox" id="op_ll_support_time" readonly="readonly"></input></td>
                        </tr>
                        <tr>
                            <td>压力位:</td>
                            <td><input class="easyui-textbox" id="op_ll_press_price" readonly="readonly"></input></td>
                            <td>日期:</td>
                            <td><input class="easyui-textbox" id="op_ll_press_time" readonly="readonly"></input></td>
                        </tr>
                    </table>

                </div>
            </div>
        </div>

    </div>
</div>

<script type="text/javascript" src="/web/static/js/index.js"></script>
<script type="text/javascript" src="/web/static/js/stock_optional.js"></script>
